<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		body{
		width: 100%;
		height: 100%;
		 margin: 0;
        padding: 0;
        overflow: hidden;
		}
		.top{
		width: 90%;
		height: 30%;
		 background-color:blanchedalmond;
		 margin: 0 auto;
		}
		.top .pic{
		width: 100%;
		
		margin: 0 auto;
		border: 1px solid gold;
		}
		.news{
		width: 100%;
		height: 60%;
	
		margin:0 auto;
		background-color:burlywood;
		border: 1px solid gold;
		}
		.news .n1{
		width: 100%;
		height: 95%;
		font-family: arial;
		font-size:4vw;
		line-height:2em;
		text-align: center;
		list-style: none;
	
		
		}
		.news .n1>li {
		width:100%;
	    display: block;
	    height: 150px;
		overflow: hidden;
		margin: 0;
		left: 0;
		top: 0;
		border-bottom: 1px solid gray;
	
		}
		.news .n1>li .pic{
		width: 15%;
	
		float: left;
		
		left: 0;
		top: 0;
		}
		.news .n1>li .pic img{
			width: 100%;
			height: 100%;
		}
		.news .n1>li p{
		width: 80%;
		height:35px;
		line-height: 35px;
        font-size: 0.9375em;
        font-weight: normal;
        overflow: hidden; 
		}
		.news .n1>li a h2{
			width: 70%;
			height:35px;
			line-height: 35px;
            font-size: 0.9375em;
            font-weight: normal;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            float: left;
           
		}
		
		
		</style>
	</head>
	<body>
	<div class="top"><img class="pic" src="image/41.jpg" alt="" /></div>
	<div class="news">
	<ul class="n1">
		<li><div class="pic"><img src="image/dan.gif" alt="" /></div><a href=""><h2>标题</h2></a><p>文字文字文字文字文文字文字文字文字文</p></li>
		<li><div class="pic"><img src="image/dan.gif" alt="" /></div><a href=""><h2>标题</h2></a><p>文字文字文字文字文文字文字文字文字文</p></li>
		<li><div class="pic"><img src="image/dan.gif" alt="" /></div><a href=""><h2>标题</h2></a><p>文字文字文字文字文文字文字文字文字文</p></li>
		<li><div class="pic"><img src="image/dan.gif" alt="" /></div><a href=""><h2>标题</h2></a><p>文字文字文字文字文文字文字文字文字文</p></li>
		<li><div class="pic"><img src="image/dan.gif" alt="" /></div><a href=""><h2>标题</h2></a><p>文字文字文字文字文文字文字文字文字文</p></li>
	</ul>
	</div>
	</body>
</html>
